<template>
  <div class="about">
    <h1>This is an about page</h1>
    <button @click="changeUser">changeUser</button>
    <Hock :user="user"></Hock>
    <torefsTest></torefsTest>
  </div>
</template>

<script>
import {ref} from 'vue'
import Hock from '@/components/hock'
import torefsTest from '@/components/torefsTest'
export default {
  components: {
    Hock,
    torefsTest
  },
  setup(){
    let user = ref('')

    const changeUser = () => {
      user.value = 'hanhanooo'
    }
    return {
      user,
      changeUser
    }
  }

}
</script>
